<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>qq注册验证</title>
</head>
<body>
    <img src="E:\0526homework\img\bg_chs.png" alt="qq注册验证">
    <h2>注册账号</h2>
    <table>
        <tr>
            <td>
                <label for="name">昵称</label>
                <input type="text" required id="name" name="name" pattern="^[-\w\u4E00-\u9FA5]{4,10}$">
                长度为4到10个字符
            </td>
        </tr>
        <tr>
            <td>
                   <label for="pwd">密码</label> 
                    <input type="password" name="pwd" id="pwd" required pattern="^[\dA-Za-z]{6,16}$">
                    长度为6到16个字符
            </td>
        </tr>
        <tr>
            <td>
                <label for="repwd">确认密码</label>
                <input type="password" required id="repwd" name="repwd">
                长度为6到16个字符
            </td>
        </tr>
        <tr>
            <td>
                <label for="number">手机号码</label>
                <input type="text" required id="number" name="number" pattern="^1[3578]\d{9}$">
                密码长度11位，以13|5|7|8开头
            </td>
        </tr>
        <tr>
            <td><label for="email">邮箱</label>
                <input type="text" required id="email" name="email" >
            </td>
        </tr>
        <tr>
            <td>
                <label for="age">年龄</label>
                <input type="text" required id="age" name="age" pattern="^\d|[1-9]\d|1[0-2]\d$">
            </td>
        </tr>
        <tr>
            <td>
                <button type="submit"><img src="E:\0526homework\img\btn.bmp" alt="注册"></button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="range" max="10" min="1" step="0.3" value="3"/>
            </td>
        </tr>
    </table>
</body>
</html>